<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link  href="./static/style/lunbo.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <div class="contents"> 
        <!--图片轮转-->
        <div class="poster_box">
          <div class = "caroursel poster-main" data-setting = '{
                 "width":1060,		
      "height":300,		
      "posterWidth":683,	
      "posterHeight":297,
      "scale":0.85,		
      "speed": 500,	
      "autoPlay":true,	
      "delay":2000,	
      "verticalAlign":"middle"
              }'>
            <div class="poster-btn poster-prev-btn"></div>
            <ul class="poster-list">
              <li class="poster-item">
                <div class="item"> <a href="#"><img class="tabImg" src="https://www.jq22.com/demo/jquerylbt202106010903/images/t1.png"></a> <span class="poster-item-title">图片轮转标题1</span> </div>
              </li>
              <li class="poster-item">
                <div class="item"> <a href="#"><img class="tabImg" src="https://www.jq22.com/demo/jquerylbt202106010903/images/t2.png"></a> <span class="poster-item-title">图片轮转标题2</span> </div>
              </li>
              <li class="poster-item">
                <div class="item"> <a href="#"><img class="tabImg" src="https://www.jq22.com/demo/jquerylbt202106010903/images/t3.png"></a> <span class="poster-item-title">图片轮转标题3</span> </div>
              </li>
              <li class="poster-item">
                <div class="item"> <a href="#"><img class="tabImg" src="https://www.jq22.com/demo/jquerylbt202106010903/images/t4.png"></a> <span class="poster-item-title">图片轮转标题4</span> </div>
              </li>
              <li class="poster-item">
                <div class="item"> <a href="#"><img class="tabImg" src="https://www.jq22.com/demo/jquerylbt202106010903/images/t5.png"></a> <span class="poster-item-title">图片轮转标题5</span> </div>
              </li>
            </ul>
            <ul class="lunbo_btn"></ul>
            <div class="poster-btn poster-next-btn"></div>
          </div>
          <!--pc 图片轮转  end--> 
          
        </div>
      </div>

    <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <script src="https://www.jq22.com/demo/jquerylbt202106010903/images/jquery.carousel-zl-fb.js"></script><!-- 首页切换 --> 

    <script>
        Caroursel.init($('.caroursel'))
    </script>
</body>
</html>